<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>添加商品</title>
	<link rel="stylesheet" type="text/css" href="css/base.css">
	<link rel="stylesheet" type="text/css" href="css/add.css">
</head>
<body>
	<div class="header">
		<div class="menu">
			<div class="user">
				<a href="" title="个人中心">
					<img src="img/user.jpg" width="45"></a>
					<span class="new "><!-- fn_hide --></span>
			</div>
			<a href="" class="add" title="添加商品"></a>
			<a href="" class="sort"></a>
		</div>
		<a href="" class="logo"></a>
		<div class="sortnav fn_clear fn_hide">
			<ul>
				<li><a href=""><span class="sortico1"></span>电脑数码</a></li>
				<li><a href=""><span class="sortico2"></span>食品保健</a></li>
				<li><a href=""><span class="sortico3"></span>家用电器</a></li>
				<li><a href=""><span class="sortico4"></span>图书音像</a></li>
				<li><a href=""><span class="sortico5"></span>运动户外</a></li>
				<li><a href=""><span class="sortico6"></span>玩模乐器</a></li>
				<li><a href=""><span class="sortico7"></span>服饰鞋包</a></li>
				<li><a href=""><span class="sortico8"></span>礼品钟表</a></li>
				<li><a href=""><span class="sortico9"></span>个护彩妆</a></li>
				<li><a href=""><span class="sortico10"></span>办公设备</a></li>
				<li><a href=""><span class="sortico11"></span>母婴用品</a></li>
				<li><a href=""><span class="sortico12"></span>家居家装</a></li>
				<li><a href=""><span class="sortico13"></span>日用百货</a></li>
				<li><a href=""><span class="sortico14"></span>汽车用品</a></li>
				<li><a href=""><span class="sortico15"></span>其他分类</a></li>
			</ul>
		</div>
	</div>
	<div class="wrap">
		<div class="content">
			<div class="addbox">
				<h1><a class="fn_right fn_hide" title="取消">×</a>推荐优品</h1>
				<div class="h40">
					<p class="lh40 fz12	col666">对不起，没有抓取到优品，请重试</p>
				</div>
				<div class="mb20">
					<div class="input_text mr10 fz14">
						<input class="w380 h34 lh34" type="text" placeholder="粘贴购买网址推荐商品">
					</div>
					<a href="" class="but_normal but_big">获取优品信息</a>
				</div>
				<p class="fz14 col666 lh24 mb50">
					已支持以下网站：<br>
					淘宝/京东商城/......
				</p>
				<p class="fz14 col666 lh24">都找不到我要推荐的商品怎么办？
					<a  class="col067ff0">点击这里手动输入</a>
				</p>
			</div>
			
			<div class="addbox fn_clear">
				<h1><a class="fn_right " title="取消">×</a>推荐优品</h1>
				<div class="fn_left w320 mr30 mb20 ">
					<img class="mb10" src="img/class.jpg" width="320" height="320" alt="">
					<p class="tac">
						<a class="but_normal but_gray" href="">更换主图</a>
					</p>
				</div>
				<div class="fn_left w500 mb20 col333 fz14">
					<h2>商品名称：</h2>
					<div class="mb10">
						<div class="input_text  fz14">
							<input class="w490 h34 lh34" type="text" placeholder=" ">
						</div>
					</div>
					<div class="mb10">
						商品价格：  ￥  
						<div class="input_text  fz14">
							<input class="w76 h24 lh24" type="text" placeholder=" ">
						</div>
					</div>
					<div class="mb10">
						商品类别：
						<select class="w118 h26	borderbox bor1d9 bgcolfff">
							<option value="0">请选择</option>
							<option value="1">家具家居</option>
							<option value="2">大电器</option>
						</select>
					</div>
					<div class="mb10">
						购买地址：
						<div class="input_text fz14">
							<input class="w415 h26 lh26" type="text" placeholder=" ">
						</div>
					</div>
					<div class="mb10">推荐理由：</div>
					<div class="textarea_text">
						<textarea ></textarea>
						<span>0/140</span>
					</div>
				</div>
				<div class="fn_clear">
					<h3>优品图片：</h3>
					<ul class="showdetail fn_clear">
						<li><img class="mb10" src="img/class.jpg" width="160" height="160" alt=""></li>
						<li><img class="mb10" src="img/class.jpg" width="160" height="160" alt=""></li>
						<li><img class="mb10" src="img/class.jpg" width="160" height="160" alt=""></li>
						<li><img class="mb10" src="img/class.jpg" width="160" height="160" alt=""></li>
						<li><img class="mb10" src="img/class.jpg" width="160" height="160" alt=""></li>
					</ul>
					<p class="col999"><a class="but_normal but_gray mr10" href="">上传或修改图片</a>（最多5张）</p>
				</div>
				<div class="mb20 tac">
					<a href="" class="but_normal but_addbig">推荐</a>
				</div>
			</div>
		</div>
	</div>
<div class="pop_wrap"><!-- 弹窗 -->
	<div class="pop_bg"></div>
	<div class="pop_com ">
		<div class="addimg">
			<h1>
				<a class="close" title="关闭">×</a>
				添加或修改图片
			</h1>
			<ul class="fn_clear">
				<li><img src="img/class.jpg" width="90" height="90" alt="设为主图" title="设为主图"><input type="file"><a class="del" title="删除照片">×</a><a  class="set fn_hide">主图</a></li>
				<li><img src="img/class.jpg" width="90" height="90" alt="设为主图" title="设为主图"><input type="file"><a class="del" title="删除照片">×</a><a  class="set fn_hide">主图</a></li>
				<li><img src="img/class.jpg" width="90" height="90" alt="设为主图" title="设为主图"><input type="file"><a class="del" title="删除照片">×</a><a  class="set ">主图</a></li>
				<li><input type="file"></li>
				<li><input type="file"></li>
			</ul>
			<p class="fz14	col666 pl20"><a href="" class="fn_right mr20  but_normal ">完成</a>最多5张图片</p>
		</div>
		
	</div>
</div>
	
</body>
</html>